<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="fdcolumn">
    <header>
        <div class="swiper rel">
            <div class="swiper-wrapper">
                <div class="swiper-slide bg1"></div>
                <div class="swiper-slide bg2"></div>
                <div class="swiper-slide bg3"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination "></div>

            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
    </header>
    <main>
        <!-- 设置个性 -->
        <label ><div class="skin"><span class="iconfont icon-pifu"></span> <input type="file" id="icon-pifu"></div></label>

        <div class="set fdcolumn mbottom wcolorback acenter jcenter flex">
            <a href="myself.html" class="user fdrow jcenter acenter f18">
                
                    <div class="pic"><img id="pic" src="#" alt=""></div>
                    <div class="name fdrow jbetwen acenter">
                        <span id="userName"> </span>
                        <span class="iconfont icon-qianjin"></span>
                    </div>
                
            </a>

            <p class="f12 tcenter"><span>个性签名:</span><span id="sign"></span></p>
        </div>


        <!-- 累计打卡 -->

        <div class="f18 wcolorback fdrow jbetwen acenter mbottom all">
            <p><img src="#" alt="">累计打卡<span class="time">23</span>天</p> <button type="button">今日打卡</button>
        </div>
        <!-- 个人动态 -->
        <p class="f18 wcolorback fdrow jbetwen mbottom person ">
            <span><img src="#" alt="">个人动态</span> <span>10条<img src="#" alt=""></span>
        </p>
        <!-- 运动数据 -->
        <a href="sportsData.html" class="data ablock wcolorback my-Gemary  fdcolumn mbottom">
            <p class="f18 fdrow jbetwen ">
                <span class="blackcolor"><img src="#" alt="">运动数据</span><span class="iconfont icon-qianjin"></span>
            </p>
            <ul class="my-sport fdrow jbetwen flex">
                <li>
                    <p> 总运动</p>
                    <p><span>9999</span>分钟</p>
                </li>
                <li>
                    <p>本周消耗</p>
                    <p><span>9999</span>千卡</p>
                </li>
            </ul>
        </a>
       
 
        <!-- 运动徽章 -->
        <a href="badge.html"class="my-Gemary wcolorback fdcolumn mbottom">
            <p class="f18 fdrow jbetwen">
                <span><img src="#" alt="">我的运动徽章</span><span class="iconfont icon-qianjin"></span>
            </p>
            <ul class="Gemary fdrow jbetwen">
                <li><img src="../../assets/imgs/mybadge01.jpg" alt=""></li>
                <li><img src="../../assets/imgs/mybadge02.jpg" alt=""></li>
                <li><img src="../../assets/imgs/mybadge03.jpg" alt=""></li>

            </ul>

        </a>
            


        
    </main>

</body>

</html>